<!DOCTYPE html>
<html lang="zh-CN">
<head>

    <title>多种样式的社交网站顶部导航</title>

    @include("frontend/light/common/jscss")

    <style>


    </style>

</head>
<body>

<!--- 顶部 --->
@include("frontend/light/common/header1")

<!--- 轮播图：全横屏展示 --->
include("frontend/light/common/carousel1")

<!--- 左边轮播图 右边文章 --->
include("frontend/light/common/carousel2")


<!--- 展示内容 --->
<div class="container main-container">
    <div class="row">

        <div class="col-4">
            <!--- 各种推荐 --->
            <!-- 当前用户信息 -->
        @include("frontend/light/sidebar/sidebar6")

        <!-- 通知 -->
        @include("frontend/light/sidebar/sidebar1")

        <!-- 推荐文章 -->
        @include("frontend/light/sidebar/sidebar2")

        <!-- 推荐图文内容 -->
        @include("frontend/light/sidebar/sidebar3")

        <!-- 推荐论坛帖子 -->
        @include("frontend/light/sidebar/sidebar4")

        <!-- 热门话题 -->
        @include("frontend/light/sidebar/sidebar5")

        <!-- 热门标签 -->
        @include("frontend/light/sidebar/sidebar7")

        <!-- 推荐用户 -->
        @include("frontend/light/sidebar/sidebar8")

        <!-- 推荐活动 -->
        @include("frontend/light/sidebar/sidebar9")

        <!-- 推荐群组 -->
            @include("frontend/light/sidebar/sidebar10")

        </div>
        <div class="col-4">
            <!--- 各种推荐 --->

            <!-- 赞助商 -->
        @include("frontend/light/sidebar/sidebar11")


        <!-- 推荐关注 -->
        @include("frontend/light/sidebar/sidebar12")

        <!-- 热门话题 -->
        @include("frontend/light/sidebar/sidebar13")

        <!-- 互动动态 -->
        @include("frontend/light/sidebar/sidebar14")

        <!-- 推荐关注 -->
        @include("frontend/light/sidebar/sidebar15")

        <!-- 热门话题 -->
        @include("frontend/light/sidebar/sidebar16")

        <!-- 最近活动 -->
        @include("frontend/light/sidebar/sidebar17")

        <!-- 当前用户信息 -->
        @include("frontend/light/sidebar/sidebar18")

        <!-- 推荐用户 -->
        @include("frontend/light/sidebar/sidebar19")

        <!-- 推荐文章 -->
            @include("frontend/light/sidebar/sidebar20")

        </div>
        <div class="col-4">
            <!--- 各种推荐 --->

            <!-- 图文内容 -->
        @include("frontend/light/sidebar/sidebar21")

        <!-- 热门话题 -->
        @include("frontend/light/sidebar/sidebar22")

        <!-- 热门标签 -->
        @include("frontend/light/sidebar/sidebar23")

        <!-- 推荐论坛 -->
        @include("frontend/light/sidebar/sidebar24")

        <!-- 推荐群组 -->
        @include("frontend/light/sidebar/sidebar25")

        <!-- 通知 -->
            @include("frontend/light/sidebar/sidebar26")


        </div>
    </div>
</div>


<!--- 底部 --->
@include("frontend/light/common/footer")

<script>
	// 为所有样式初始化交互功能
	document.addEventListener('DOMContentLoaded', function () {

	});
</script>
</body>
</html>

